<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <!-- @@include ./template/link.html -->
    <link rel="stylesheet" href="./css/countdetails.min.css" />
  </head>
  <body>
    <header>
      <div class="fl logo">
        <a href="javascript:;">
          国内折扣
        </a>
      </div>
      <div class="fr app">
        <a href="javascript:;">
          <img src="./images/header_app.png" alt="" />
        </a>
      </div>
    </header>
    <main class="rec-product">
      <div class="container">
        <div class="cu-content">
          <h3 class="title">
            目前京东商城移动端售价10.9元，不错的凑单品，刚需可入，规格1.28L。
          </h3>
          <div class="info">
            <span class="mall">京东商城</span>
            <span class="addtime">10-25 14:10</span>
            <span class="author">小编烟火 / 慢慢买</span>
          </div>
          <div class="des-content">
            <div class="pic">
              <img src="#" alt="移动端凑单品：海天 鲜味 生抽 1.28L" />
            </div>
            <p class="mt-6">
              海天的金标生抽酱油，采用了非转基因大豆以及小麦发酵而成，而自然鲜的口感是有些鲜甜鲜甜的感觉，非常适合用来作为日常炒菜用的调味料，当然也能用作白切系列的蘸酱调料，相信吃过美味鲜的慢友们都了解的。
            </p>
            <p class="mt-6">移动端凑单品：海天 鲜味 生抽 1.28L</p>
            <p class="mt-6">
              <img src="#" alt="移动端凑单品：海天 鲜味 生抽 1.28L" />
            </p>
          </div>
          <div class="area">
            <div class="area-content">
              <ul class="area-list">
                <li>
                  <a href="#">
                    <span class="fl">山西</span>
                    <strong class="fr">有货</strong>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="golink">
            <a href="#">
              前往购买
            </a>
          </div>
        </div>
        <div class="erweima">
          <img src="./images/mmbweixin2.png" alt="" />
        </div>
        <div class="comment">
          <div class="tit">发表评论</div>
          <form action="" id="comment">
            <textarea> </textarea>
            <div class="ctrl clearfix">
              <button>发表评论</button>
            </div>
          </form>
          <div class="com-list">
            <div class="comlist-tit">
              最新评论
            </div>
            <ul>
              <li>
                <a href="#" class="clearfix">
                  <div class="userimg">
                    <img src="#" alt="" />
                  </div>
                  <div class="con">
                    <div class="name">
                      <div class="username fl">赶鸭子上架</div>
                      <div class="time fr">2016/10/25 14:18:45</div>
                    </div>
                    <div class="words">比超市便宜了几块</div>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </main>
    <!-- 模板 -->
    <script type="text/html" id="tmp">
      <h3 class="title">
          {{result.productInfo1}}
      </h3>
      <div class="info">
          <span class="mall">{{result.productFrom}}</span>
          <span class="addtime">{{result.productTime}}</span>
          <span class="author">{{result.productTips}}</span>
      </div>
      <div class="des-content">
          <div class="pic">
          <img src="#" alt="" />
          </div>
          <p class="mt-6">
            {{result.productInfo}}
          </p>
          <p class="mt-6">{{result.productName}}</p>
          <p class="mt-6">
          <img src="#" alt="" />
          </p>
      </div>
      <div class="area">
          <div class="area-content">
          <ul class="area-list">
            <%
            var start = 0;
            var end = 20
            for(var i = start; i < end; i++){
                %>
            <li>
                <a href="#">
                    <span class="fl">{{result.productCity[i].split('有')[0]}}</span>
                    <strong class="fr">有货</strong>
                </a>
            </li>
                <%
                }
            %>
          </ul>
          </div>
      </div>
    </script>
    <script src="./js/countdetails.js"></script>
  </body>
</html>
